<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Horse Cost Calculator</title>
<link rel="stylesheet" type="text/css" href="css/view.css" media="all" />
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="js/horse.js"></script>

<!--
vaccin
worm
visit
adjustment
stabling
farrier
massage
chiropractic
newTack
tackRepair
clinic
compFee
ridingLesson
fencing
shedding
hay
grain
purchase
preFeed
registration
tructtrail
fuel
assocFee 
 -->
 
</head>
<body id="main_body" >
<div id="horseForm">
	<div id="form_container">
		<h1><a>Horse Cost Calculator</a></h1><br />
		<form class="calForm"  method="post" action="">		
		<div id="label"><label class="description">HORSE</label></div><br clear="all" />
		<table>
		<tr><td>Name:</td><td><input type="text" id="name" /></td></tr>
		<tr><td>Body Weight:</td><td><input type="text" id="weight"/></td></tr>
		<tr><td>Age:</td><td><input type="text" id="age" /></td></tr>
		</table><br clear="all"/>
		<div>
            <div id="title"><div id="col1">Items </div><div id="col2">Cost </div><div id="col3">Frequency </div><div id="total">Annual Cost</div></div><br clear="all"/><br clear="all"/>
            <!-- VET ============================= -->
        <div id="display_horse_form">
            <div id="cate_1" class="data_cate">
    	   		<div><label class="data_catename">VET</label></div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Vaccinations" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual">0</label>
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Worming" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select>  
	                <label class="data_annual" >0</label>     
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Veterinary"class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select>   
	                <label class="data_annual" >0</label>      
	            </div>
	            <div alt="Add Items" title="Add New Item" class="data_additem"></div>
			</div>		        
	        <!-- HORSE CARE ============================= -->
            <div id="cate_2" class="data_cate">
            	<div><label class="data_catename">HORSE CARE</label></div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Agistment" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>        
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Stabling" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>    
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Farrier" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>        
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Massage" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select>   
	                <label class="data_annual" >0</label>     
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Chiropractic" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select>     
	                <label class="data_annual" >0</label>     
	            </div>
	            <div alt="Add Items" title="Add New Item" class="data_additem"></div>
	        </div>
	        <!-- TACK & SADDLERY ============================= -->
	        <div id="cate_3" class="data_cate">
	            <div><label class="data_catename">TACK & SADDLERY</label></div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="New Tack" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>       
	            </div>
	            <div class="data_item" >
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Repairs" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select>   
	                <label class="data_annual" >0</label>      
	            </div>
	            <div alt="Add Items" title="Add New Item" class="data_additem"></div>
	        </div>
            <!-- RIDING ============================= -->
            <div id="cate_4" class="data_cate">
            	<div><label class="data_catename">RIDING</label></div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Competition Fees" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>       
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Riding Lessons" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>         
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Clinics" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select>  
	                <label class="data_annual" >0</label>    
	            </div>
	            <div alt="Add Items" title="Add New Item" class="data_additem"></div>
	        </div>
			<!-- FEEDING ============================= -->
			<div id="cate_5" class="data_cate">
	        	<div><label class="data_catename">FEEDING</label></div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Hay" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>         
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Grain" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>            
	            </div>
	    		<div class="data_item">
	    			<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Purchases" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select>   
	                <label class="data_annual" >0</label>          
	            </div>
	    		<div class="data_item">
	    			<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Prepared Feed" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>            
	            </div>
	    		<div class="data_item" >
	    			<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Supplements" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>              
	            </div>
	            <div alt="Add Items" title="Add New Item" class="data_additem"></div>
	        </div>
	        <!-- OTHER ============================= -->
			<div id="cate_6" class="data_cate">
	    		<div id="label"><label class="data_catename">OTHER</label></div>
	    		<div class="data_item">
	    			<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Association Fees" id="title_6_1" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select>  
	                <label class="data_annual" >0</label>         
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Truck or Float Registration" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>           
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Equipment Hire" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>         
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Property Maintenance" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select>   
	                <label class="data_annual" >0</label>         
	            </div>
	            <div class="data_item">
	            	<div alt="delete" title="delete this item" class="data_removeitem"></div>
	                <input type="text" maxlength="255" value="Fencing" class="data_title"/>
	                <input type="text" maxlength="255" value="0" class="data_cost"/>
	                <select class="data_freq">
	        			<option value="0" selected="selected">---Select---</option>
	                    <option value="52" >Weekly</option>
	                    <option value="12" >Monthly</option>
                        <option value="8.7" >6 Weekly</option>
                        <option value="6.5" >8 Weekly</option>
	                    <option value="4" >Quarterly</option>
                        <option value="2" >6 Monthly</option>
	                    <option value="1" >Annually</option>
	        		</select> 
	                <label class="data_annual" >0</label>             
	            </div>
	            <div alt="Add Items" title="Add New Item" class="data_additem"></div>
            </div>
        </div><!-- end display_horse_form -->
            <div id="custom"></div>
       	</div><br clear="all"/>
        <label id="totalLabel">Annual Cost in Total:</label><label id="annualTotal">$0</label><br clear="all" /><br clear="all" />
        <input type="reset" id="reset" class="btn" name="reset" value="Add New Horse"/>                  
        <input type="button" id="addHorse" class="btn" name="addHorse" value="Save Horse"/>
        <br clear="all"/><br clear="all"/>
        </form>
        <div id="print" title="Print As PDF" onclick="printHorsePDF()">
        	<form action="include/printpdf.php" id="pdfForm" method="post">
    		<input name="pdfData" id="pdfData" type="hidden" value="" />
			<div alt="Print As PDF" class="tooltip printpdf" title="Print As PDF" onclick="printHorsePDF()"></div>
			</form>
		</div>   
	</div>
    <div id="horseAdded">
    	<div id="cageTitle">Saved Horse</div><br clear="all" />
        <ul id="listHorse">
        	<!--<li id="horseA" data-horsedata='{"name":"horseA","weight":"20","age":"2","fields":{"1":{"title":"Vaccinations","cost":"10","freq":"121","annual":"1440"},"2":{"title":"Worming","cost":"23","freq":"19","annual":"20"}},"customfields":{"24":{"title":"cham soc","cost":"10","freq":"11","annual":"110"}},"total":"2030"}'><a href="#">Horse A</a></li>-->
		
    </div>
    <div id="footer">
		Generated by <a href="#">ntgroup</a>
	</div>
</div>	
	</body>
</html>